import { /*RFValue*/ } from "react-native-responsive-fontsize";
import styled from "styled-components/native";

export const Container = styled.View`
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
`;

export const Label = styled.Text`
  font-family: ${({ theme }) => theme.fonts.regular};
  font-weight: 700;
  font-size: ${/*RFValue*/(14)}px;
  line-height: 20px;
  color: ${({ theme }) => theme.colors["text-color-lighten"]};
`;

export const Input = styled.TextInput`
  border-radius: 5px;
  height: ${/*RFValue*/(20)}px;
  padding:0;
  line-height: 20px;
  width: 88%;
  text-align: right;
  background-color: ${({ theme }) => theme.colors.background};
  border: 0px solid red;
  color: ${({ theme }) => theme.colors["text-color"]};
`;

export const ErrorMessage = styled.Text`
  color: ${({ theme }) => theme.colors.danger};
  font-size: ${/*RFValue*/(12)}px;
  font-family: ${({ theme }) => theme.fonts.light};
  height: ${/*RFValue*/(16)}px;
  margin-left: 2px;
`;
